.expense-type-standard{
  .rule-alert-list{
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    padding-bottom: 20px;
    .new-rule-card{
      height: 126px;
      width: 200px;
      margin-right: 10px;
      display: inline-block;
      border: 1px solid $default-color;
      background: $highlight-default;
      border-radius: 4px;
      vertical-align: bottom;
      text-align: center;
      padding: 23px;
      font-size: 16px;
      font-weight: bold;
      cursor: pointer;
      -webkit-transition: transform .3s ease;
      -moz-transition: transform .3s ease;
      -ms-transition: transform .3s ease;
      -o-transition: transform .3s ease;
      transition: transform .3s ease;
      i{
        font-size: 50px;
        color: $default-color;
        font-weight: normal;
        margin-bottom: 5px;
      }
      &:hover{
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95);
      }
    }
    .card-container{
      width: 300px;
      margin-right: 10px;
      display: inline-block;
      cursor: pointer;
      position: relative;
    }
    .rule-alert{
      width: 100%;
      -webkit-transition: transform .3s ease;
      -moz-transition: transform .3s ease;
      -ms-transition: transform .3s ease;
      -o-transition: transform .3s ease;
      transition: transform .3s ease;
      &:hover{
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95);
        transform: scale(.95);
      }
      .selected-icon{
        position: absolute;
        font-size: 24px;
        bottom: 0;
        right: 0;
        color: green;
      }
      .ant-alert-message{
        width: calc(100% - 20px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .rule-content{
        position: relative;
        .rule-menu{
          position: absolute;
          right: 0;
          top: -24px;
          cursor: pointer;
        }
      }
    }
  }
  .row-expand-display-none {
    .ant-table-row-expand-icon {
      display: none;
    }
  }
}
